<template>
  <el-card class="content">
    正在开发中
    <!-- <el-form :inline="true">
            <el-form-item label="行政区域">
                <el-select v-model="region"></el-select>
            </el-form-item>
            <el-form-item label="尾矿库名称">
                <el-select v-model="damName"></el-select>
            </el-form-item>
            <el-form-item>
                <el-button type="primary">查询</el-button>
            </el-form-item>
        </el-form>
        <div class="table-warp">
            <el-table stripe :data="checkList.slice(currentPage*pageSize,(currentPage+1)*pageSize)">
                <el-table-column type="index" label="序号"></el-table-column>
                <el-table-column label="物品" prop="name" align="center"></el-table-column>
                <el-table-column label="单位" prop="unit" align="center"></el-table-column>
                <el-table-column label="数量" prop="count" align="center"></el-table-column>
                <el-table-column label="规格" prop="size" align="center"></el-table-column>
                <el-table-column label="备注" prop="note" align="center"></el-table-column>
            </el-table>
        </div>
        <div class="page-pagination-warp">
            <el-pagination
                    @current-change="pageChange"
                    layout="total, jumper, ->, prev, pager, next"
                    :total="checkList.length"
                    :page-size="pageSize"
                    :pager-count="7" background>
            </el-pagination>
        </div> -->
  </el-card>
</template>

<script>
export default {
  name: "SuppliesManagement",
  data() {
    return {
      checkList: [
        { name: "编织袋", unit: "个", count: 500, size: "50kg/袋", note: "" },
        { name: "锄头", unit: "把", count: 20, size: "中型", note: "" },
        { name: "铁铲", unit: "把", count: 20, size: "中型", note: "" },
        { name: "土箕", unit: "个", count: 10, size: "", note: "" },
        { name: "彩条布", unit: "米", count: 1, size: "50*4米", note: "" },
        { name: "石灰", unit: "kg", count: 600, size: "", note: "" },
        { name: "活性炭", unit: "kg", count: 450, size: "", note: "" },
      ],
      pageSize: 12,
      currentPage: 0,
      region: "",
      damName: "",
    };
  },
  methods: {
    pageChange(index) {
      this.currentPage = index - 1;
    },
  },
};
</script>

<style scoped>
.content {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 87vh;
  margin-right: 5px;
}
.long-btn {
  width: 150px;
}
.page-pagination-warp {
  margin-top: 5px;
}
.table-warp {
  height: 71vh;
}
</style>